<!DOCTYPE html>
<html lang="en">

<head>
    {% load staticfiles %}
    <meta name="description" content="运维管理平台">
    <title>{% block title %}运维管理平台{% endblock %}</title>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- Main CSS-->
    <link rel="stylesheet" type="text/css" href="{% static 'css/main.css' %}">
    <!-- Font-icon css-->
    <link rel="stylesheet" type="text/css"
          href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
</head>

<body class="app sidebar-mini rtl">

<!-- NavBar-->
<header class="app-header"><a class="app-header__logo" href="{% url 'index' %}">ShineTour</a>
    <!-- Sidebar toggle button--><a class="app-sidebar__toggle" href="#" data-toggle="sidebar"
                                    aria-label="Hide Sidebar"></a>
    <!-- NavBar Right Menu-->
    <ul class="app-nav">
        <li class="app-search">
            <input class="app-search__input" type="search" placeholder="Search">
            <button class="app-search__button"><i class="fa fa-search"></i></button>
        </li>
        <!-- User Menu-->
        <li class="dropdown"><a class="app-nav__item" href="#" data-toggle="dropdown" aria-label="Open Profile Menu"><i
                class="fa fa-user fa-lg"></i></a>
            <ul class="dropdown-menu settings-menu dropdown-menu-right">
                <li><a class="dropdown-item" href="{% url 'logout' %}"><i class="fa fa-sign-out fa-lg"></i> Logout</a>
                </li>
            </ul>
        </li>
    </ul>
</header>

<!-- Sidebar menu-->
<div class="app-sidebar__overlay" data-toggle="sidebar"></div>
<aside class="app-sidebar">
    <div class="app-sidebar__user"><img class="app-sidebar__user-avatar"
                                        src="{% static 'image/48.jpg' %}"
                                        alt="User Image">
        <div>
            <p class="app-sidebar__user-name">{{ user.username }}</p>
            <p class="app-sidebar__user-designation">{{ user.groups.all.0 }}</p>
        </div>
    </div>
    <ul class="app-menu">
        <li class="treeview"><a class="app-menu__item" href="#" data-toggle="treeview"><i
                class="app-menu__icon fa fa-dashboard"></i><span class="app-menu__label">仪表盘</span><i
                class="treeview-indicator fa fa-angle-right"></i></a>
            <ul class="treeview-menu">
                <li><a class="treeview-item" href="{% url 'dashboard:alarm_charts' %}"><i class="icon fa fa-circle-o"></i> 报警-统计报表</a></li>
                <li><a class="treeview-item" href="{% url 'dashboard:rds_charts' %}"><i class="icon fa fa-circle-o"></i> RDS-统计报表</a></li>
                <li><a class="treeview-item" href=""><i class="icon fa fa-circle-o"></i> ECS-统计报表</a></li>
            </ul>
        </li>
        <li class="treeview"><a class="app-menu__item" href="#" data-toggle="treeview"><i
                class="app-menu__icon fa fa-laptop"></i><span class="app-menu__label">系统管理</span><i
                class="treeview-indicator fa fa-angle-right"></i></a>
            <ul class="treeview-menu">
                <li><a class="treeview-item" href="{% url 'system:ecs_manage' %}"><i class="icon fa fa-circle-o"></i>
                    ECS管理</a></li>
                <li><a class="treeview-item" href="{% url 'system:application_race' %}"><i
                        class="icon fa fa-circle-o"></i> 应用族管理</a></li>
                <li><a class="treeview-item" href="{% url 'system:application_manage' %}"><i
                        class="icon fa fa-circle-o"></i> 应用管理</a></li>
                <li><a class="treeview-item" href="{% url 'system:slb_manage' %}"><i class="icon fa fa-circle-o"></i>
                    SLB管理</a></li>
            </ul>
        </li>
        <li><a class="app-menu__item" href="{% url 'config:configfile' %}"><i class="app-menu__icon fa fa-edit"></i><span
                class="app-menu__label"> 配置管理</span></a></li>
        <li class="treeview"><a class="app-menu__item" href="#" data-toggle="treeview"><i
                class="app-menu__icon fa fa-adjust"></i><span class="app-menu__label"> 发布管理</span><i
                class="treeview-indicator fa fa-angle-right"></i></a>
            <ul class="treeview-menu">
                <li><a class="treeview-item" href="{% url 'deploy:apply_manage' %}"><i class="icon fa fa-circle-o"></i> 发布申请管理</a></li>
                <li><a class="treeview-item" href="{% url 'jenkins:jenkins_job_list' %}"><i class="icon fa fa-circle-o"></i> Jenkins任务管理</a></li>
                <li><a class="treeview-item" href="{% url 'mychannels:config_deploy_record' %}"><i class="icon fa fa-circle-o"></i> 发布实时日志</a></li>
            </ul>
        </li>
        <li><a class="app-menu__item" href=""><i class="app-menu__icon fa fa-exclamation-triangle"></i><span
                class="app-menu__label">报警管理</span></a></li>
        <li><a class="app-menu__item" href="/admin/"><i class="app-menu__icon fa fa-inbox"></i><span
                class="app-menu__label">后台管理</span></a></li>
        <li class="treeview"><a class="app-menu__item" href="#" data-toggle="treeview"><i
                class="app-menu__icon fa fa-laptop"></i><span class="app-menu__label">API管理</span><i
                class="treeview-indicator fa fa-angle-right"></i></a>
            <ul class="treeview-menu">
                <li><a class="treeview-item" href="{% url 'oms_config_api:deploy_config' %}"><i class="icon fa fa-circle-o"></i>
                    接收配置文件API</a></li>
            </ul>
        </li>
    </ul>
</aside>

<main class="app-content">
    {% block content %}{% endblock %}
</main>


<!-- Essential JavaScripts for application to work-->
<script src="{% static 'js/jquery-3.2.1.min.js' %}"></script>
<script src="{% static 'js/popper.min.js' %}"></script>
<script src="{% static 'js/bootstrap.min.js' %}"></script>
<script src="{% static 'js/main.js' %}"></script>
<!--引用jquery ShowLoading-->
<link href="{% static 'css/showLoading.css' %}" rel="stylesheet" media="screen"/>
<script src="{% static 'js/jquery.showLoading.min.js' %}"></script>
<!-- Page specific JavaScripts-->
{% block custom_static %}{% endblock %}

</body>
</html>